<!DOCTYPE html>
<html lang="en">

<head>
	<title>Dashboard V3</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<!--===============================================================================================-->
	<link rel="icon" type="image/png" href="assets/images/icons/favicon.ico" />
	<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="assets/vendor/bootstrap/css/bootstrap.min.css">
	<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="assets/fonts/font-awesome-4.7.0/css/font-awesome.min.css">
	<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="assets/fonts/iconic/css/material-design-iconic-font.min.css">
	<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="assets/vendor/animate/animate.css">
	<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="assets/vendor/css-hamburgers/hamburgers.min.css">
	<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="assets/vendor/animsition/css/animsition.min.css">
	<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="assets/vendor/select2/select2.min.css">
	<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="assets/vendor/daterangepicker/daterangepicker.css">
	<!--===============================================================================================-->
	<link rel="stylesheet" type="text/css" href="assets/css/util.css">
	<link rel="stylesheet" type="text/css" href="assets/css/main.css">
	<link rel="stylesheet" type="text/css" href="assets/css/time-line.css">
	<!--===============================================================================================-->

</head>

<body>

	<div class="limiter">
		<nav class="navbar navbar-expand-lg fixed-top navbar-light" style="background: white !important;"
			w3-include-html="header.html"></nav>
		<div class="container-login100">
			<div class="wrap-login100">
				<div class="panel-group" style="text-align: right;" id="accordion">
					<div class="panel panel-default">
						<div class="panel-heading">
							<h4 class="panel-title">
								<a data-toggle="collapse" data-parent="#accordion" href="#collapse1">
									Destinations</a>
							</h4>
						</div>
						<div id="collapse1" class="panel-collapse collapse in">
							<div class="panel-body">
								<div class="well well-sm"><label>From</label>Thevara</div>
								<div class="well well-sm"><label>To</label>Palluruthy Veli</div>
								<div class="well well-sm"><label>Purpose</label>Essential service</div>
								<div class="well well-sm"><label>Persons</label>2</div>
							</div>
						</div>
					</div>
					<div class="panel panel-default">
						<div class="panel-heading">
							<h4 class="panel-title">
								<a data-toggle="collapse" data-parent="#accordion" href="#collapse2">
									Route Map</a>
							</h4>
						</div>
						<div id="collapse2" class="panel-collapse collapse in">
							<div class="panel-body">
								<div class="timelinex">
									<div class="containerx leftx">
										<div class="contentx">
											<h5>10:00:00 AM</h5>
											<p>Thevara</p>
										</div>
									</div>
									<div class="containerx rightx">
										<div class="contentx">
											<h5>10:10:00 AM</h5>
											<p>Navel Base</p>
										</div>
									</div>
									<div class="containerx leftx">
										<div class="contentx">
											<h5>10:25:00 AM</h5>
											<p>Thoppumpady Halt</p>
										</div>
									</div>
									<div class="containerx rightx">
										<div class="contentx">
											<h5>10:30:00 AM</h5>
											<p>Thoppumpady Bridge</p>
										</div>
									</div>
									<div class="containerx leftx">
										<div class="contentx">
											<h5>10:38:00 AM</h5>
											<p>Palluruthy Nada</p>
										</div>
									</div>
									<div class="containerx rightx">
										<div class="contentx">
											<h5>10:45:00 AM</h5>
											<p>Palluruthy Veli</p>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="panel panel-default">
						<div class="panel-heading">
							<h4 class="panel-title">
								<a data-toggle="collapse" data-parent="#accordion" href="#collapse3">
									Warnings</a>
							</h4>
						</div>
						<div id="collapse3" class="panel-collapse collapse">
							<div class="panel-body">
								<span class="fa fa-star checked"></span>
								<span class="fa fa-star checked"></span>
								<span class="fa fa-star checked"></span>
								<span class="fa fa-star"></span>
								<span class="fa fa-star"></span>
							</div>
						</div>
					</div>
					<div class="panel panel-default">
						<div class="panel-heading">
							<h4 class="panel-title">
								<a data-toggle="collapse" data-parent="#accordion" href="#collapse4">
									Profile</a>
							</h4>
						</div>
						<div id="collapse4" class="panel-collapse collapse show">
							<div class="panel-body">
								<div class="well well-sm"><label>Vehicle Number</label>KL-07-XX-XXXX</div>
								<div class="well well-sm" data-toggle="modal" data-target="#myModal">ID Proof</div>
								<div class="well well-sm"><label>Contact</label><a style="font-size: medium; color: inherit;" data-rel="external" href="tel://+9188179036">91881790XX</a>
								</div>
								<div class="container-login100-form-btn" id="dv-btns">
									<div class="dv-btn-left">
										<button class="login100-form-btn btn-warn" type="submit">
											Warning
										</button>
									</div>
									<div class="dv-btn-right">
										<button class="login100-form-btn btn-permit" type="submit">
											Permit
										</button>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>

			</div>
		</div>
	</div>
	<!-- Modal -->
	<div class="modal fade" id="myModal" role="dialog">
		<div class="modal-dialog">

			<!-- Modal content-->
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">&times;</button>
					<h4 class="modal-title">ID Proof</h4>
				</div>
				<div class="modal-body">
					<img class="imIDProof" src="assets/images/id_proof/1.jpg">
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
				</div>
			</div>

		</div>
	</div>
	<!-- Modal -->
	<!--===============================================================================================-->
	<script src="assets/vendor/jquery/jquery-3.2.1.min.js"></script>
	<!--===============================================================================================-->
	<script src="assets/vendor/animsition/js/animsition.min.js"></script>
	<!--===============================================================================================-->
	<script src="assets/vendor/bootstrap/js/popper.js"></script>
	<script src="assets/vendor/bootstrap/js/bootstrap.min.js"></script>
	<!--===============================================================================================-->
	<script src="assets/vendor/select2/select2.min.js"></script>
	<!--===============================================================================================-->
	<script src="assets/vendor/daterangepicker/moment.min.js"></script>
	<script src="assets/vendor/daterangepicker/daterangepicker.js"></script>
	<!--===============================================================================================-->
	<script src="assets/vendor/countdowntime/countdowntime.js"></script>
	<!--===============================================================================================-->
	<script src="assets/js/main.js"></script>
	<!--===============================================================================================-->
	<script src="assets/js/scripts.js" type="text/javascript"></script>
	<!--===============================================================================================-->
	<script type="text/javascript"
		src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
	<!--===============================================================================================-->
	<script>
		includeHTML();
	</script>
</body>

</html>